<template>
  <div class="aside" align="left" >
    <el-menu
             background-color="#292a3a"
             text-color="#ffffff"
             active-text-color="#ffd04b"
             router>
      <el-submenu index="1" class="alimama" >

        <template slot="title" >
          <i class="el-icon-menu"></i> <span> 历年分数线</span>
        </template>

        <el-menu-item index="/index/menu1-1" class="alimama"><i class="el-icon-s-data"></i>一分一段图</el-menu-item>
        <el-menu-item index="/index/menu1-2" class="alimama"><i class="el-icon-tickets"></i>一分一段表</el-menu-item>
      </el-submenu>

      <el-menu-item index="/index/menu2" class="alimama"><i class="el-icon-document"></i>数据模拟</el-menu-item>

      <el-submenu index="2" class="alimama" >
        <template slot="title" >
          <i class="el-icon-map-location"></i> <span> 电子地图</span>
        </template>

        <el-menu-item index="/index/menu3-1" class="alimama"><i class="el-icon-trophy"></i>985</el-menu-item>
        <el-menu-item index="/index/menu3-2" class="alimama"><i class="el-icon-medal"></i>211</el-menu-item>
        <el-menu-item index="/index/menu3-3" class="alimama"><i class="el-icon-place"></i>双一流</el-menu-item>
      </el-submenu>

    </el-menu>
  </div>
</template>

<script>
export default {
  name: "Aside",
  methods: {

  }
}
</script>



<style>
@import "../assets/css/fonts/fonts.css";
.alimama{
  font-family: Alimama ,sans-serif !important;
  font-size: xx-large;

}
.el-menu-item{
  height: auto;
}
.el-submenu{
  height: auto;
}
.i{
  margin: auto;
  height: auto;
  vertical-align: -10%;
  display: flex;
  align-items: center;
}
.aside{

    margin:0;
    padding: 0;
    box-sizing: border-box;
    height: 90vh ;

}


</style>
